html, body {
  margin: 0;
  padding: 0;
}
:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

/* 美化滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* 
.gradient-0 {
  background: linear-gradient(55deg, #f7d336 25%, #52ce63);
  filter: opacity(0.5);
}
.gradient-1 {
  background: linear-gradient(55deg,#42d392 15%,#647eff);
}
.gradient-2 {
  background: linear-gradient(55deg, #229cc5 15%, #bd34fe);
}
.gradient-3 {
  background: linear-gradient(55deg, #b464ff 15%, #d3427e);
}
*/
::-webkit-scrollbar-track {
  width: 6px;
  background: rgba(16, 31, 28, 0.04);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  /* background-color: rgba(144,147,153,.5); */
  background: linear-gradient(180deg,
  rgba(82, 206, 99, 0.6),
  rgba(34, 156, 197, 0.6),
  rgba(189, 52, 254, 0.6),
  rgba(211, 66, 126, 0.6)
  );
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  transition: background-color .3s;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144,147,153,.3);
}